/* You can add global styles to this file, and also import other style files */
// web font icon
@import '../node_modules/font-awesome/css/font-awesome.css';
@import '../node_modules/simple-line-icons/css/simple-line-icons.css';
@import '../node_modules/weather-icons/css/weather-icons.css';
// ng-alain
@import '~@delon/theme/styles/index';
@import "./styles/_alain-custom-variables";
@import "./styles/index";
// Third Library
@import '../node_modules/ng2-dnd/bundles/style.css';

//通用overflow样式，父级元素display不能为display
.overFlow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

//通用左右内边距5px
.padding-left-right-5px {
    padding: 0 5px !important;
}

//通用上边框
.border-top {
    border-top: 1px solid #ddd;
}

//通用下边框
.border-bottom {
    border-bottom: 1px solid #ddd;
}

//通用hover
.hover:hover {
    background-color: #e9e9e9 !important;
}

//分页页码容器
.page-container {
    padding: 8px 0;
    display: flex;
    width: 100%;
    max-height: 60px;
    justify-content: center;
    align-items: center;
}
//模态框控制
.center-ctrl {
    display: flex;
    justify-content: center;
    .model-content-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

/*
 * 文章编辑器数据从库中取出后显示在前端时候，覆盖默认样式为下面这些。
 * 注意显示这些数据时必须添加容器 class="article-html-container"，如：
 * <div class="article-html-container" [innerHTML]="actInfo.actDetail | html"></div>
 */
.article-html-container {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;

    html, address,
    blockquote,
    body, dd, div,
    dl, dt, fieldset, form,
    frame, frameset,
    h1, h2, h3, h4,
    h5, h6, noframes,
    ol, p, ul, center,
    dir, hr, menu, pre {
        display: block
    }
    ul {
        list-style: inside;
    }
    li {
        display: list-item
    }
    head {
        display: none
    }
    table {
        display: table
    }
    tr {
        display: table-row
    }
    thead {
        display: table-header-group
    }
    tbody {
        display: table-row-group
    }
    tfoot {
        display: table-footer-group
    }
    col {
        display: table-column
    }
    colgroup {
        display: table-column-group
    }
    td, th {
        display: table-cell;
    }
    caption {
        display: table-caption
    }
    th {
        font-weight: bolder;
        text-align: center
    }
    caption {
        text-align: center
    }
    body {
        margin: 8px;
        line-height: 1.12
    }
    h1 {
        font-size: 2em;
        margin: .67em 0
    }
    h2 {
        font-size: 1.5em;
        margin: .75em 0
    }
    h3 {
        font-size: 1.17em;
        margin: .83em 0
    }
    h4, p,
    blockquote, ul,
    fieldset, form,
    ol, dl, dir,
    menu {
        margin: 1.12em 0
    }

    h5 {
        font-size: .83em;
        margin: 1.5em 0
    }
    h6 {
        font-size: .75em;
        margin: 1.67em 0
    }
    h1, h2, h3, h4,
    h5, h6, b,
    strong {
        font-weight: bolder
    }
    blockquote {
        margin-left: 40px;
        margin-right: 40px
    }
    i, cite, em,
    var, address {
        font-style: italic
    }
    pre, tt, code,
    kbd, samp {
        font-family: monospace
    }
    pre {
        white-space: pre
    }
    button, textarea,
    input, object,
    select {
        display: inline-block;
    }
    big {
        font-size: 1.17em
    }
    small, sub, sup {
        font-size: .83em
    }
    sub {
        vertical-align: sub
    }
    sup {
        vertical-align: super
    }
    table {
        border-spacing: 2px;
    }
    thead, tbody,
    tfoot {
        vertical-align: middle
    }
    td, th {
        vertical-align: inherit
    }
    s, strike, del {
        text-decoration: line-through
    }
    hr {
        border: 1px inset
    }
    ol, ul, dir,
    menu, dd {
        margin-left: 40px
    }
    ol {
        list-style-type: decimal
    }
    ol ul, ul ol,
    ul ul, ol ol {
        margin-top: 0;
        margin-bottom: 0
    }
    u, ins {
        text-decoration: underline
    }
    br:before {
        content: "\A"
    }
    :before, :after {
        white-space: pre-line
    }

    center {
        text-align: center
    }
    abbr, acronym {
        font-variant: small-caps;
        letter-spacing: 0.1em
    }
    :link, :visited {
        text-decoration: underline
    }
    :focus {
        outline: thin dotted invert
    }
}
